<template>
  <div>
    <slot name="defaultBar"></slot>

    <slot name="extBar" v-if="status== 'down'"></slot>

    <FormItem :label-width="0">
      <Button href="javascript:void(0)"  @click="status = 'down'" v-if="status == 'up'">更多搜索
        <Icon type="ios-arrow-forward" />
        <Icon type="ios-arrow-forward" />
      </Button>
    </FormItem>

    <FormItem :label-width="0">
      <Button href="javascript:void(0)"  @click="status = 'up'" v-if="status == 'down'">收起
        <Icon type="ios-arrow-back" />
        <Icon type="ios-arrow-back" />
      </Button>&nbsp;&nbsp;
    </FormItem>
    <slot name="btnBar"></slot>
  </div>


</template>
<script>

  export default{
    data: function () {
      return {
        status: "up"
      }
    },
    computed: {},
    created: function () {

    },
    methods: {},
    components: {}
  }
</script>
<style>

</style>
